<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../shouye/shoueye.css" />
		<title></title>
	</head>
	<script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/rem.js" type="text/javascript" charset="utf-8"></script>
	<body>
		<div class="headBox">
			<!-- 搜索导航 -->
			<div class="infoBox">
				<div class="positionBox"></div>
				<div class="positionText"></div>
				<label class="searchBox"><input type="text" id="searchInput" placeholder="寻夏记" class="searchInput" /></label>
				<div class="cateBox"></div>
				<div class="videoBox"></div>
			</div>
			<!-- 轮播图 -->
			<div id="swiperBox">

			</div>
		</div>
		
		<!-- 分类 -->
		<div class="funBox">
			<ul class="funUl">
				<li>
					<div class="funImg artImg"></div>
					<div class="funText">艺术创意</div>
				</li>
				<li>
					<div class="funImg liveImg"></div>
					<div class="funText">生活随影</div>
				</li>
				<li>
					<div class="funImg exhibitImg"></div>
					<div class="funText">展览集锦</div>
				</li>
				<li>
					<div class="funImg inspirImg"></div>
					<div class="funText">大作灵感</div>
				</li>
			</ul>
		</div>
		
		<!-- 热门活动推荐 -->
		<div class="hotActivityBox">
			<div class="hotCenter">
				<!-- 标题部分 -->
				<div class="title">
					<div class="leftText">
						<div class="topTitle">
							<div class="recommend">热门活动推荐</div>
							<!-- 级别图标 -->
							<div class="hotLevel">
								<div class="level blue_L"></div>
								<div class="level blue_M"></div>
								<div class="level blue_S"></div>
							</div>
						</div>
						<div class="activityContent">丰厚奖品与证书等你来拿</div>
					</div>
					<!-- 换一批功能 -->
					<div class="changeBox">
						<div class="changeImg"></div>
						<div class="changeText">换一批</div>
					</div>
				</div>
				<!-- 热门活动列表 -->
				<div class="hotContent">
					<ul class="hotUl"></ul>
				</div>
			</div>
		</div>
		
		<!-- 摄影灵感与故事 -->
		<div class="photoAndStory">
			<div class="titleBox">
				<div class="leftBox">
					<div class="line"></div>
					<div class="title">摄影灵感与故事</div>
				</div>
				<div class="lookMoreBox">
					<div class="lookText">查看更多</div>
					<div class="lookImg"></div>
				</div>
			</div>
			<!-- 摄影灵感列表 -->
			<ul class="storyUl"></ul>
			<div class="bg"></div>
		</div>
		
		<!-- 热门图集推荐 -->
		<div class="popularPhoto">
			<!-- 标题部分 -->
			<div class="titleBox">
				<div class="leftBox">
					<div class="line"></div>
					<div class="title">热门图集推荐</div>
				</div>
				<div class="lookMoreBox">
					<div class="lookText">查看更多</div>
					<div class="lookImg"></div>
				</div>
			</div>
			<!-- 热门图集列表 -->
			<ul class="photoUl"></ul>
		</div>
		<!-- 底部导航 -->
		<div class="footBox">

		</div>
	</body>
	<script src="../shouye/shouye.js" type="text/javascript" charset="utf-8"></script>
</html>
